
<template>
    <van-button @click="test">TEST</van-button>
</template>

<script>
import { ImagePreview } from 'vant'
export default {
    methods: {
        test() {
            console.log(ImagePreview);
            ImagePreview({ images:[
                'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=554208219,1898638263&fm=173&app=49&f=JPEG?w=218&h=146&s=B385D3021823551FA81B6485030070E8',
                'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=554208219,1898638263&fm=173&app=49&f=JPEG?w=218&h=146&s=B385D3021823551FA81B6485030070E8'
            ], startPosition:0,    //图片预览起始位置索引 默认 0
                    showIndex: true,    //是否显示页码         默认 true
                    showIndicators: true, //是否显示轮播指示器 默认 false
                    loop:false,            //是否开启循环播放  貌似循环播放是不起作用的。。。
                    onClose:function (url) {  //回调参数,官方文档解释的不是很清楚。。。
                        //回调参数类型 url:{ index:Number(当前图片的索引值), url:当前图片的URL }
                        var num = url.index, url_link = url.url;
                        console.log(url);
                    }});
        }
    }
}
</script>

<style>

</style>
